.goods_title {
	font-size: 36rpx;
	color: #333;
	line-height: 36rpx;
	font-weight: 600;
	padding-bottom: 40rpx;
}
.top {
	position: fixed;
	right: 28rpx;
	bottom: 374rpx;
	image {
		width: 120rpx;
		height: 130rpx;
	}
}		
.home {
    width: 100%;
    // height: 100%;
    .home_box {
        // height: 100%;
        width: 100%;
		position: relative;
		.home_top {
			position: relative;
			text-align: center;
			display: flex;
			justify-content: center;
			.title {
				font-size: 36rpx;
				color: #fff;
				line-height: 88rpx;
				position: absolute;
				top: 40rpx;
				
			}
		}
		.bg_image {
			position: absolute;
			top:0;
			width: 750rpx;
			height: 616rpx;
			background-image: url(/static/img/banner-01.png);
			background-repeat: no-repeat;
			background-size: 100%;
		}
        .top_logo_box {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 999;
            display: flex;
            align-items: center;
            .top_logo {
                margin-left: 32rpx;
                width: 354rpx;
                height: 48rpx;
            }
        }
		.nav{
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			z-index: 998;
			background-color: #fff;
			display: flex;
			align-items: center;
			animation: translate .2s;
			-webkit-animation: translate .2s;
			.search{
				width: 90%;
				margin-left: 40rpx;
				padding: 0 20rpx;
				box-sizing: border-box;
				overflow: hidden;
				border-radius: 999px;
				background-color: rgba($color: #000000, $alpha: 0.04);
				display: flex;
				justify-content: flex-start;
				align-items: center;
				.search_img {
					width: 40rpx;
					height:	40rpx;
					object-fit: cover;
				}
				.input {
					margin-left: 12rpx;
					overflow: hidden;
					font-size: 24rpx;
					color: #999;
                    background: rgba(0,0,0,.0);
				}
			}
		}
        .home_content {
            height: 100%;
            width: 100%;
			position: relative;
			padding: 300rpx   32rpx 0 32rpx;
			box-sizing: border-box;
			overflow: hidden;
			// 搜索框
			.search {
				padding: 0 40rpx;
				margin-top: 12rpx;
				margin-bottom: 16rpx;
				box-sizing: border-box;
				overflow: hidden;
				width: 100%;
				height: 80rpx;
				border-radius: 12rpx;
				background-color: #fff;
				display: flex;
				justify-content: flex-start;
				align-items: center;
				image {
					width: 40rpx;
					height:	40rpx;
					object-fit: cover;
				}
                &>view {
                    display: flex;
                    align-items: center;
                    height: 40rpx;
                }
				input {
					// width: 100%;
					height: 40rpx;
					margin-left: 12rpx;
					overflow: hidden;
					border: none;
					line-height: 40rpx;
					font-size: 24rpx;
					&::placeholder {
						display: inline-block;
						font-size: 24rpx;
						color: #999;
						line-height: 40rpx;
					}
				}
			}
			
			//菜单
			.menu {		
				margin: 16rpx 0;
				box-shadow: 6px 6px 12px 0px rgba(0,36,177,0.06); 
				.menu_content {
					width: 100%;
					background: #fff;
					display: flex;
					justify-content: flex-start;
					flex-wrap: wrap;
					padding-top: 48rpx;
					border-radius: 16rpx;			
					.item {
						width: 25%;
						text-align: center;
						padding-bottom: 48rpx;
						display: flex;
						flex-direction: column;
						align-items: center;
						image {
							width: 64rpx;
							height: 64rpx;
						}
			
						span {
							display: block;
							padding-top: 16rpx;
							line-height: 1em;
							color: #333;
							font-size: 24rpx;
						}
					}
				}
			}
			//商家
			.seller {
				display: flex;
				justify-content: space-between;
				border-radius: 16rpx;
				.seller_left {
					width: 337rpx;
					height: 240rpx;
				}
				.seller_right {
					width: 337rpx;
					height: 240rpx;
				}	
			}
			.seller_big {
				padding-top: 16rpx;
				border-radius: 16rpx;
				image {
					width: 702rpx;
					height: 240rpx;
				}
			}
			// 商城公告
			.notice {
				display: flex;
				justify-content: flex-start;
				background: linear-gradient(90deg,#fbefe4, #fef7f7);
				border-radius: 12rpx;
				padding: 24rpx;
				margin-top: 32rpx;
				.notice_name {
					 background-image: -webkit-linear-gradient(bottom, #ff8d8b, #e61807); 
					 -webkit-background-clip: text; 
					 -webkit-text-fill-color: transparent; 
					font-weight: 600;
					font-size: 40rpx;
					color: #999;
					line-height: 40rpx;
				}
				.notice_span {
					padding: 12rpx 0 0 28rpx;
					font-size: 24rpx;
					color: #333;
					line-height: 24rpx;
				}
			}
			// 特惠商家
			.shop {
				padding-top: 64rpx;
				.shop_top {
					display: flex;
					justify-content: space-between;
					.top_name {
						font-weight: 600;
						font-size: 36rpx;
						color: #333;
						line-height: 36rpx;
					}
					.tio_more {
						font-size: 24rpx;
						color: #999;
						line-height: 36rpx;
					}
				}
				.banner {
					padding: 40rpx 0 0 0;
				}
				//菜单
				.shop_bottom {		
					margin: 16rpx 0;
					.shop_content {
						width: 100%;
						display: flex;
						justify-content: space-between;
						flex-wrap: wrap;
						border-radius: 16rpx;			
						.item {
							width: 30%;
							text-align: center;
							padding-bottom: 48rpx;
							display: flex;
							flex-direction: column;
							align-items: center;
							image {
								width: 96rpx;
								height: 96rpx;
								border-radius: 48rpx;
							}
							.item_name {
								display: block;
								padding-top: 32rpx;
								font-size: 28rpx;
								line-height: 28rpx;
							}
							span {
								display: block;
								padding-top: 12rpx;
								font-size: 20rpx;
								color: #999;
								line-height: 20rpx;
							}
						}
					}
				}
			}
			// 精选好物
			.goods {
				padding-bottom: 180rpx;
			}
		}
    }
}